import React,{useState, useEffect} from 'react'
export default function App() {
    let [msg, setMsg] = useState('atguigu');
    useEffect(()=>{ // componentDidMount
        setTimeout(() => {
            // setMsg(msg + '+')
            // setMsg(callback)   callback的参数就是最新的状态值，callback的返回值就是设置的最新的值
            setMsg((msg)=>{
                return msg + '+'
            })
        }, 2000);
    },[])
    return (
        <div>
            <p>msg: {msg}</p>
            <button onClick={()=>{
                setMsg(msg + '-')
            }}>msg -</button>
        </div>
    )
}
